<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link href="../../fonts/iconfont.css" rel="stylesheet" />

		<link href="../../css/ecommerce.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content">
		    <div id="header">
		        <p class="iconfont icon-caidan top-left"></p>
		        <div class="w_title">
		       	   <p class="c"></p>
		       	   <span class="p">W</span>
		        </div>
		       	
		       
		        <div class="top-right">
		        	<div class="top-right-div">
		        		<div class="i-bags">
		        			<i class="iconfont icon-daizi3"></i>
		        			
		        		</div>
		        		<div class="i-search">
		        			<i class="iconfont icon-sousuo"></i>
		        		</div>
		        	</div>
		        </div>
		    	
		    </div>


		    <div class="komo-mid">
		        <div class="komo-mid-auto">
		        	
		        	<div class="click-list">
		        		<ul>
		        			<li></li>
		        			<li></li>
		        			<li></li>
		        			<li></li>
		        		</ul>
		        	</div>


		        </div>

		        <div class="product-page">
		        	<div class="cate-content">
		        		<p class="big-size">H&M</p>
		        		<p class="small-size">Short-sleeved Denim Shirt</p>
		        		<div>
		        			<!-- <span class="turn-right two">设置</span> -->
		        			<p>$29.99</p>
		        		</div>
		        	</div>
				</div>

				<div class="check-size"> 
				    <div class="middle">
						<ul class="mashu">
							<li>XS</li>
							<li class="li-blue">S</li>
							<li>M</li>
							<li>L</li>
							<li>XL</li>
							<li>XXL</li>
						</ul>
					</div>
				</div>

				<div class="check-size"> 
				    <div class="middle c-div-radius">
						<ul class="mashu">
							<li class="li-1"></li>
							<li class="iconfont icon-iconfont31xuanze li-2"></li>
							<li class="li-3"></li>
							<li class="li-4"></li>
						</ul>
					</div>
				</div>

				<div class="add">
					<div class="add-auto">
					    <div class="add-num">
					    	<div class="add-num-div">
					    		<p>1<i class="iconfont icon-down"></i></p>
					    		<button>Add to Cart</button>
					    	</div>
					    </div>
					    <div class="add-save">
					    	<button>Save</button>
					    </div>
					    <div class="add-share">
					    	<div class="add-share-div">
					    		<p class="p-left">
					    		   <span> ★★★<b style="color:#e4e4e4;">★★</b></span>&nbsp;&nbsp;&nbsp;23 reviews
					    		</p>
					    		<p class="p-right">
					    			<i class="iconfont icon-share"></i>&nbsp;&nbsp;&nbsp;share
					    		</p>
					    	</div>
					    </div>						
					</div>
				</div>

				<div class="product-div">
					<div class="product-div-div">
						<ul>
							<li>PRODUCT</li>
							<li>BRAND</li>
							<li>REVEWS(4)</li>
							<li>FEATURES</li>
						</ul>
					</div>

					<div class="table">
					    <ul class="table-ul">
					   	    <li>
					   	   	   <p class="p1">Material</p>
					   	   	   <p class="p2">100% Cotton</p>
					   	    </li>
					   	    <li>
					   	   	   <p class="p1">Handle</p>
					   	   	   <p class="p2"> Grab handle</p>
					   	    </li>
					   	    <li>
					   	   	   <p class="p1">Straps</p>
					   	   	   <p class="p2">Adjustable straps</p>
					   	    </li>
					   	    <li>
					   	    	<p class="p1">Back</p>
					   	   	    <p class="p2">Padded back</p>
					   	    </li>
					   	    <li>
					   	    	<p class="p1">Pocket</p>
					   	   	    <p class="p2">Externer pocket</p>
					   	    </li>
					    </ul>
					</div>
					
				</div>


			</div>	
		</div>





	</body>

</html>